<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<title>Button - KUI</title>
<link rel="stylesheet/less" type="text/css" href="../src/less/index.less" />
<script src="js/less.min.js" type="text/javascript"></script>


</head>

<body ontouchstart>
<div class="kui-page">
	<div class="kui-header">
		<div class="pull-left icon-left app-back" onClick="history.back()">返回</div>
		<h1 class="kui-title">按钮</h1>
	</div>
	<div class="kui-content">
		<div class="kui-block-title">默认按钮 .kui-btn-primary</div>
		<div class="kui-blocker Pd">
			<a class="kui-btn-default">kui-btn-default</a>
			<a class="kui-btn-primary Mt">kui-btn-primary</a>
			<a class="kui-btn-success Mt">kui-btn-success</a>
			<a class="kui-btn-warning Mt">kui-btn-warning</a>
			<a class="kui-btn-danger Mt">kui-btn-danger</a>
		</div>
		<div class="kui-block-title">默认按钮 .kui-btn-plain-primary</div>
		<div class="kui-blocker Pd">
			<a class="kui-btn-plain-default Mt">kui-btn-plain-default</a>
			<a class="kui-btn-plain-primary Mt">kui-btn-plain-primary</a>
			<a class="kui-btn-plain-success Mt">kui-btn-plain-success</a>
			<a class="kui-btn-plain-warning Mt">kui-btn-plain-warning</a>
			<a class="kui-btn-plain-danger Mt">kui-btn-plain-danger</a>
		</div>
		<div class="kui-block-title">块按扭 .kui-btn-block</div>
		<div class="kui-blocker Pd">
			<a class="kui-btn-default kui-btn-block">kui-btn-block</a>
			<a class="kui-btn-primary kui-btn-block Mt">kui-btn-block</a>
		</div>
		<div class="kui-block-title">禁用按钮 .disabled</div>
		<div class="kui-blocker Pd">
			<a class="kui-btn-default disabled">kui-btn-default</a>
			<a class="kui-btn-primary disabled Mt">kui-btn-primary</a>
		</div>
		<div class="kui-block-title">按钮大小</div>
		<div class="kui-blocker Pd">
			<div class="kui-line-title"><span class="kui-line-txt">小按扭 .kui-btn-s</span></div>
			<a class="kui-btn-default kui-btn-s">kui-btn-default</a>
			<a class="kui-btn-primary kui-btn-s">kui-btn-primary</a>
			<div class="kui-line-title"><span class="kui-line-txt">默认大小</span></div>
			<a class="kui-btn-default">kui-btn-default</a>
			<a class="kui-btn-primary Mt">kui-btn-primary</a>
			<div class="kui-line-title"><span class="kui-line-txt">中按扭 .kui-btn-m</span></div>
			<a class="kui-btn-default kui-btn-m">kui-btn-default</a>
			<a class="kui-btn-primary kui-btn-m">kui-btn-primary</a>
			<div class="kui-line-title"><span class="kui-line-txt">大按扭 .kui-btn-lg</span></div>
			<a class="kui-btn-default kui-btn-lg">kui-btn-default</a>
			<a class="kui-btn-primary kui-btn-lg">kui-btn-primary</a>
		</div>
		
		<div class="kui-block-title">按钮组</div>
		<div class="kui-blocker Pd">
			<div class="kui-btns-group Mt">
				<a class="kui-btn-default">button1</a>
				<a class="kui-btn-default active">button2</a>
				<a class="kui-btn-default">button3</a>
				<a class="kui-btn-default">button4</a>
			</div>
			<div class="kui-btns-group Mt">
				<a class="kui-btn-success">button1</a>
				<a class="kui-btn-success active">button2</a>
				<a class="kui-btn-success">button3</a>
				<a class="kui-btn-success">button4</a>
			</div>
			<div class="kui-btns-group Mt">
				<a class="kui-btn-warning kui-btn-m">button1</a>
				<a class="kui-btn-warning kui-btn-m active">button2</a>
				<a class="kui-btn-warning kui-btn-m">button3</a>
				<a class="kui-btn-warning kui-btn-m">button4</a>
			</div>
			<div class="kui-btns-group Mt">
				<a class="kui-btn-plain-success kui-btn-s">button1</a>
				<a class="kui-btn-plain-success kui-btn-s active">button2</a>
				<a class="kui-btn-plain-success kui-btn-s">button3</a>
				<a class="kui-btn-plain-success kui-btn-s">button4</a>
			</div>
			<div class="kui-btns-group Mt">
				<a class="kui-btn-plain-warning kui-btn-s">button1</a>
				<a class="kui-btn-plain-warning kui-btn-s active">button2</a>
				<a class="kui-btn-plain-warning kui-btn-s">button3</a>
				<a class="kui-btn-plain-warning kui-btn-s">button4</a>
			</div>
		</div>
	</div>
</div>
</body>
</html>